body {
  background-color: #eee;
  font: 13pt/ 16pt Calibri, sans-serif;
  background-color: #36393D;
  color: #FFFFFF;
}

#logo {
  background-image: url('/images/math.gif');
  background-repeat: no-repeat;
  /*background-attachment:fixed;
  background-position: 50px 50px; */
  width: 840px;
  height: 213px;
  
}

#main {
	width: 840px;
	margin: auto;
	padding: 1em;
	background-color: black;
    color: white;
}

form.formula {
}

div.content {
    left: 50px;
    top:  300px;
    width: 780px;
}

h1 {
  background-color: #000000;
  background-image: url('/images/gradient.gif');
  background-repeat: repeat-y;
  background-position: top right; 
}

.first {
    color: #FFFFFF;
}
.second {
    color: #FFFF88;
}
.third {
    color: #C3D9FF;
}
fieldset {
    border: 0px;
}

table.exprs {
    width: 800px;
    border-width: none;
    border-collapse: collapse;
}

tr.odd {
  background-color: #000000;
  background-image: url('/images/gradient.gif');
  background-repeat: repeat-y;
  background-position: top right; 
}

td {
  background-color: transparent;
}

div.header {
    text-align: right;
}

td.variable {
    width: 10%;
}
td.formula {
    width: 60%;
    text-align: right;
}
td.value {
    width: 20%;
}

td {
   color: #FFFFFF;
}

input
{
color: #000;
background: #FFFF88;
border: 0px;
padding-right: 2px
}

form {
    width: 830px;
}
.submit input
{
/*color: #000;*/
color: #000000;
background: #C3D9FF;
border: 0px;
font-weight:bold
}

#formula_id {
text-align: right;
}

/* Link colors. */
a:link {color: #FFFFFF}     /* unvisited link */
a:visited {color: #FFFFFF}  /* visited link */
a:hover {color: #FFFFFF}   /* mouse over link */
a:active {color: #FFFFFF}   /* selected link */
a {
    /* font-weight:bold; */
}